<template>
    <div class="mi_go">
        <div class="mi_go_title">
            <p class="fl">小米闪购</p>
            <go-btn></go-btn>
        </div>
        <go-downtime></go-downtime>
        <div class="list_box">
            <ul>
                <li class="m_list f-l" v-for="(val,key) in Product.data">
                <go-product :goProduct='val'></go-product>
                <!-- {{val}} -->
                </li>
            </ul>
        </div>
        <go-bottom :PicSrc="BottomPic"></go-bottom>
    </div>
</template>
<script>
    import Go_btn from './Go_btn';
    import Go_downtime from './Go_downtime';
    import Go_product from './Go_product';
    import Go_bottom from './Go_bottom';
    import axios from 'axios'
    export default{
        components:{
            'go-btn':Go_btn,
            'go-downtime':Go_downtime,
            'go-product':Go_product,
            'go-bottom':Go_bottom
        },
        data(){
            return{
                Product:{                    
                },
                BottomPic:{
                    imgsrc:"../../assets/img/bottom_pic.jpg"
                }
            }
        },
        methods:{
            sendMsg: function() {
                this.axios.post("/jiang", "type=top&key=123456").then(res => {
                //console.log(res.data);
                this.Product = res.data;
                //console.log(this.Product.data);
                });
            }
        },
        mounted() {
            this.sendMsg();
        },
    }
</script>
<style scoped>
.mi_go{
    margin-top:20px; 
}
.mi_go>.mi_go_title>p{
    width: 200px;
    display: inline-block;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
.mi_go>.mi_go_title::after{
    content: "";
    display: table;
    clear: both;
}
.m_list{
    width: 230px;
    height: 340px;
    margin: 0 5px;
    background: #fff;
    border-top: 1px solid #ffac13;
    position: relative;
}
.list_box{
    width: 960px;
    height: 341px;
    overflow: hidden;
}
.list_box>ul{
    width: 2880px;
}
</style>
